<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<head>
<link rel="stylesheet" media="screen" type="text/css"
	href="styles/1CssMaster.css" />

<link rel="stylesheet" media="screen" type="text/css"
	href="styles/tableau.css" />

<link rel="stylesheet" media="screen" type="text/css"
	href="styles/facturation.css" />

<title>Facturation Suivi des règlements</title>



</head>
<!-- /////////////////////////////////////////////body////////////////////////////////////////////////////////-->
<body>
	<div id="headerDroite">
			<h:form>
				<h:panelGrid columns="2">
					<h:outputText style="center:left" value="#{mbConnexion.leLogin}" />
					<h:commandButton value="Déconnexion"
						action="#{mbConnexion.deconnexion}" />
					<h:outputText style="center:left" />
					<h:outputText style="center:left" />
				</h:panelGrid>
			</h:form>
		</div>
		<div id="divTitre">
			<h1 id="nomLogiciel">Gepeto</h1>
			<img alt="" src="../../mairie/imagesGepeto/plumeSansFond.png"
				width="80px" height="80px" />

		</div>

	<div id="divMenuHaut">

		<ul id="ulMenuHaut">

			<li class="liMenuHaut"><a href="ficheEnfant.xhtml">Dossier
					Enfant</a></li>
			<li class="liMenuHaut"><a href="inscription.xhtml">Inscription</a></li>
			<li class="liMenuHaut"><a href="pointage.xhtml">Pointage</a></li>
			<li class="liMenuHaut"><a href="factConsultation.xhtml">Facturation</a></li>
			<li class="liMenuHaut"><a href="editions.xhtml">Editions</a></li>
			<li class="liMenuHaut"><a href="personnel.xhtml">Personnel</a></li>
		</ul>
	</div>
	<!--///////////////////////////////////menu gauche ///////////////////-->
	<div id="divSousMenuGauche">

		<ul id="ulSousMenuGauche">
			<li class="liSousMenuGauche"><a
				href="factGenerationAvGeneration.xhtml">Génération des Factures</a></li>
			<li class="liSousMenuGauche"><a href="factConsultation.xhtml">Consultation</a></li>
			<li class="liSousMenuGauche"><a href="factEnvoi.xhtml">Envoi
					automatique</a></li>
			<li class="liSousMenuGauche"><a href="factSuiviReglement.xhtml">Suivi
					des règlements</a></li>

			<li class="liSousMenuGauche"><a href="#">Clôture des
					périodes</a></li>

		</ul>
	</div>
	<div id="centre">
		<h:form id="formulaireGeneration">
			<!-- 	///////////////////////////////////////////////critères/////////////////////////////////////////////  -->
			<div id="divRecherche">
				<fieldset id="recherche">
					<legend>
						<b>Critères</b>
					</legend>

					<table>
						<tr>
							<!-- 							<td class="tdRech"><select name="Cycle à facturer"> -->
							<!-- 									<option>Selectionner une période</option> -->
							<!-- 									<option>09/04/2012 - 26/10/2012</option> -->
							<!-- 									<option>08/11/2012 - 21/12/2012</option> -->
							<!-- 									<option>07/01/2013 - 01/03/2013</option> -->
							<!-- 									<option>18/03/2013 - 26/04/2013</option> -->
							<!-- 									<option>13/05/2013 - 04/07/2013</option> -->


							<!-- 							</select></td> -->

							<td class="tdRech"><select name="Echéance">
									<option>Toutes les factures</option>
									<option>Factures non échues</option>
									<option>Moins de 30 jours</option>
									<option>Moins de 60jours</option>
									<option>Moins de 90 jours</option>
									<option>Au dela de 90 jours</option>

							</select></td>
							<td class="tdRech"><h:selectOneMenu id="selectEcole"
									value="#{beanFact.idEcole}">
									<f:selectItem itemValue="0" itemLabel="Selectionner école" />
									<f:selectItem itemValue="1" itemLabel="prim.Georges-Cogniot" />
									<f:selectItem itemValue="2" itemLabel="prim.Fernand-Léger" />
									<f:selectItem itemValue="3" itemLabel="prim.Jean-Jaurès" />
									<f:selectItem itemValue="4" itemLabel="prim.Guy-Môquet" />
									<f:selectItem itemValue="5" itemLabel="prim.Paul-Bert" />
									<f:selectItem itemValue="6"
										itemLabel="prim.Paul-Vaillant-Couturier" />
									<f:selectItem itemValue="7" itemLabel="prim.Paul-Langevin" />
									<f:selectItem itemValue="8" itemLabel="prim.Henri-Barbusse" />
									<f:selectItem itemValue="9" itemLabel="mat.Georges-Cogniot" />
									<f:selectItem itemValue="10" itemLabel="mat.Fernand-Léger" />
									<f:selectItem itemValue="11" itemLabel="mat.Jean-Jaurès" />
									<f:selectItem itemValue="12" itemLabel="mat.Guy-Môquet" />
									<f:selectItem itemValue="13" itemLabel="mat.Paul-Bert" />
									<f:selectItem itemValue="14" itemLabel="mat.Paul-Langevin" />
									<f:selectItem itemValue="15" itemLabel="mat.Henri-Barbusse" />
								</h:selectOneMenu></td>



							<th><h:commandButton
									value="Afficher les factures non réglées" type="submit"
									action="#{beanFactRgt.methodeFacturesNonRgegles}">
									<f:ajax execute="" render="tableRgt" />
								</h:commandButton></th>
						</tr>
					</table>

				</fieldset>

				<!-- 			/////////////////////////////////////////////////////////////Résultats///////////////////////////////////////////// -->
				<fieldset id="fieldSetResultat">
					<legend>
						<b>Liste des factures non réglées</b>
					</legend>

					<div class="datagrid" style="overflow: scroll; height: 200px;">
						<h:dataTable id="tableRgt"
							value="#{beanFactRgt.listeDesFacturesNonreglees}" var="o"
							styleClass="order-table" headerClass="order-table-header"
							rowClasses="order-table-odd-row,order-table-even-row">

							<h:column>
								<f:facet name="header">Nom</f:facet>
    			#{o.nomEnf}
    		</h:column>

							<h:column>
								<f:facet name="header">prenom
								<h:commandLink action="#{order.sortByOrderNo}">
									</h:commandLink>
								</f:facet>
    			#{o.prenomEnf}
    		</h:column>

							<!-- 						<h:column> -->
							<!-- 							<f:facet name="header">Ecole</f:facet> -->
							<!--     			#{o.nomEcole} -->
							<!--     		</h:column> -->

							<h:column>
								<f:facet name="header">Num. Facture</f:facet>
    			#{o.idFacture}
    		</h:column>

							<!--     		<h:column> -->
							<!--     			<f:facet name="header">Date Facture</f:facet> -->
							<!--     			#{o.dateReglement} -->
							<!--     		</h:column> -->

							<h:column>
								<f:facet name="header">Date Facture</f:facet>
    			#{o.dateFacture}
    		</h:column>

							<h:column>
								<f:facet name="header">Montant Global</f:facet>
    			#{o.montantGlobal}€
    		</h:column>

							<h:column>
								<f:facet name="header">Date de Règlement</f:facet>

				#{o.dateReglement}

								<h:inputText></h:inputText>
							</h:column>
							
							<h:column>
								<f:facet name="header">ok</f:facet>
								<h:commandButton value="ok" type="submit"
									action="#{beanFactRgt.RecupDateRgt}">
									<!-- 									<f:ajax execute="" render="tableRgt" /> -->
								</h:commandButton>
							</h:column>

							<h:column>
								<f:facet name="header">Relance</f:facet>
								<h:selectBooleanCheckbox></h:selectBooleanCheckbox>
							</h:column>
												
						</h:dataTable>

					</div>
				</fieldset>
			</div>
			<!-- ///////////////////////////////////////////////////////////////////////Edition des facturesr///////////////////////////////// -->
			<div id="divGenerer">
				<fieldset id="fieldSetRelance">
					<legend>
						<b>Generation des courriers de relance</b>
					</legend>

					<table id="tableGenerer">
						<tr>
							<td><input id="btnGenerer" type="submit"
								value="Générer les courriers de relance "
								style="margin-left: 50%;" onclick="javascript:text()" /></td>
						</tr>
					</table>
				</fieldset>
			</div>
		</h:form>
	</div>
</body>
</html>